<script type="text/template" id="time-filters-template">
<!--
  DeviceHive Admin Console templates

  Copyright (C) 2016 DataArt

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

-->
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" data-dismiss="modal" class="close-datetime-filter close view-button">&times;</button>
        <h4 class="modal-title">Time filter</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="form-group">
            <label class="col-lg-2 control-label">From:</label>
            <div class="col-lg-10">
                <input type="text" class="start-datetime form-control" value="<%= startDate%>">
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-2 control-label">To:</label>
            <div class="col-lg-10">
                <input type="text" class="end-datetime form-control" value="<%= endDate%>">
            </div>
        </div>
        <div class="defaut-filter-values">
            <h5>set default ranges:</h5>
                <a href="javascript:void(0)" class="set-day btn btn-default">day...</a>
                <a href="javascript:void(0)" class="set-week btn btn-default">week...</a>
                <a href="javascript:void(0)" class="set-month btn btn-default">month...</a>
                <a href="javascript:void(0)" class="set-year btn btn-default">year...</a>
        </div>
      </div>
      <div class="modal-footer">
        <a href="javascript:void(0)" class="apply-datetime-filter btn btn-primary">apply</a>
        <a href="javascript:void(0)" class="close-datetime-filter btn btn-warning">close</a>
        <br />
        * - if "to" value isn't set - collection will pull latest request from the server in real-time.
      </div>
    </div>
  </div>
</script>
